<template>
<div class="guahao06">
  <div class="header">
    <i class="iconfont icon-msnui-left-arrow-round" @click="goGuahao05"></i>
    <span class="span">预约挂号</span>
    <div class="right"></div>
  </div>

  <div class="content">
    <div class="banner"></div>

    <div class="msg">
      <img src="/static/img/index/22.jpg" alt="" class="img">
      <div class="right">
        <div class="top">
          <span class="span1">杨岚</span>
          <span class="zan">主任医师/教授</span>
        </div>
        <div class="center">预约量：6 &nbsp;&nbsp;&nbsp;&nbsp;评分：暂无</div>
        <div class="bottom">
          <span class="span1">特发性肺纤维化</span>
          <span class="span2">肺气肿</span>
        </div>
      </div>
    </div>

    <div class="hosName">
      <span class="dian"></span>
      <span class="span">呼吸内科—西安交通大学第一附属医院</span>
    </div>

    <div class="detail">
      <div class="top">本月</div>
      <div class="oneDetail">
        <div class="left">
          <div class="date">
            <span class="span">2018-02-08 周四 上午</span>
            <span class="day">3天后</span>
          </div>
          <div class="price">
            <span class="span">普通-[医院平台]</span>
            <span class="money">15.00元</span>
          </div>
        </div>
        <div class="right" @click="goGuahao07">预约</div>
      </div>
    </div>

    <div class="hosName">
      <span class="dian"></span>
      <span class="span">国际诊疗部/特需-西安交通大学第一附属医院</span>
    </div>

    <div class="detail" style="display: none">
      <div class="top">本月</div>
      <div class="oneDetail">
        <div class="left">
          <div class="date">
            <span class="span">2018-02-08 周四 上午</span>
            <span class="day">3天后</span>
          </div>
          <div class="price">
            <span class="span">普通-[医院平台]</span>
            <span class="money">15.00元</span>
          </div>
        </div>
        <div class="right">预约</div>
      </div>
    </div>

    <div class="onlineService">
      <p class="p">在线服务</p>
      <div class="bottom">
        <img src="/static//static/img/index/31.png" alt="" class="img">
        <div class="right">
          <p class="span1">订阅排班信息</p>
          <p class="span2">及时掌握排班动态</p>
        </div>
      </div>
    </div>

    <div class="patientEvaluation">患者评价（2）</div>

    <div class="reviewList">
      <div class="review">
        <div class="top">
          <p class="p">冯** 就诊</p>
          <span class="span">
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                </span>
          <span class="time">2017-12-28</span>
        </div>
        <div class="center">尚未确诊</div>
        <p class="content">医生很专业，经验丰富!</p>
      </div>
      <div class="review">
        <div class="top">
          <p class="p">冯** 就诊</p>
          <span class="span">
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                    <i class="i"></i>
                </span>
          <span class="time">2017-12-28</span>
        </div>
        <div class="center">尚未确诊</div>
        <p class="content">医生很专业，经验丰富!</p>
      </div>
    </div>

    <div class="interested">
      <div class="top">你可能还想了解</div>
      <div class="relevant">
        <div class="oneDoctor">
          <div class="left">
            <img src="/static/img/index/32.jpg" alt="" class="img">
            <img src="/static/img/index/33.png" alt="" class="fu">
          </div>
          <ul class="right">
            <li class="li1">
              <span class="span1">赵会泽</span>
              <span class="span2">主任医师</span>
              <i class="i">问</i>
            </li>
            <li class="li2">中国人民解放军总医院301医院 呼吸内科</li>
            <li class="li3">
              <i class="star"></i>
              <span class="span1">9.1</span>
              <span class="span2">接诊量 4482</span>
            </li>
            <li class="li4">擅长：肺癌的化疗已及其它方面的治疗。</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
</template>

<script>
    export default {
        name: '',
        data() {
            return {}
        },
        methods:{
          goGuahao05:function(){
            this.$router.push("/guahao05")
          },
          goGuahao07:function(){
            this.$router.push("/guahao07")
          }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/guahao06.css";
</style>
